<template>
	<view class="driver">
		<!-- 头部 -->
		<view class="driver_head">
			<view class="driverh_img"></view>
			<view class="driverh_title flex-row-start">
				<image :src="imgFullUrl+dataobj.image" mode=""></image>
				<view class="driverh_bos flex-column-between">
					<!-- <viwe class="font13 flex-row-start">
						<view class="font-323232">物流状态:</view>
						<text class="font-3270f5">已签收</text>
					</viwe> -->
					<viwe class="font13 flex-row-start">
						<view class="font-323232">快递公司:</view>
						<text class="font-969696">{{dataobj.company}}</text>
					</viwe>
					<viwe class="font13 flex-row-start">
						<view class="font-323232">快递单号:</view>
						<text class="font-969696">{{dataobj.LogisticCode}}</text>
					</viwe>
				</view>
			</view>
		</view>
		<!-- 信息 -->
		<view class="driver_info">
			<view v-for="(item,index) in dataobj.logistics" :key="index" class="driveri_list">
				<view class="driveri_time">
					<view class="font-666666 font12">{{item.time}}</view>
					<text class="font-969696 font10">{{item.date}}</text>
				</view>
				<view class="driveri_circle">
					<view class="circle_big flex-row-center" v-if="index==0">
						<view></view>
					</view>
					<view v-if="index!=0" class="circle_small flex-row-center">
						<view></view>
					</view>
					<view class="circle_border" v-if="index!=dataobj.logistics.length-1"></view>
				</view>
				<view class="driveri_info font-323232 font12">{{item.AcceptStation}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataobj: {}, //数据
				imgFullUrl: this.$Config.http_static, //图片地址
			}
		},
		onLoad: function(options) {
			let query = {}
			if (this.$Route.query.scene) {
				query = this.$base.OnWxoptions(this.$Route.query.scene)
			}else{
				query = options
			}
			this.id = query.id
			this.$Http({
				url: 'getLogisticsTraces',
				token:true,
				data: {
					order_id: query.id
				},
			}).then(res => {
				if (res.code == 1) {
					this.dataobj = res.data
				}

			});
		},
		methods: {

		}
	}
</script>

<style lang="less">
	@import url("style.less");
</style>
